<style>
    .one{
        font-size: 25px;
        color: #000;
        width:100%;text-align: center;line-height: 50px;
        height:50px;
        margin: 10px;
    }
    .two span{
        padding: 5px 10px;
        border: 1px solid #ccc;
        margin: 10px;text-align: center;
    }
    .three{
        width:33%;text-align: center;
        height:300px;float: left;
    }

</style>
<div class="one">过去24小时矿池数据</div>
<div class="two" style="text-align: center">
    <span>区块数：{$two.qukuai}</span>
    <span>叔块数：{$two.shukuai}</span>
    <span>整体幸运度：{$two.lucky}%</span>
    <span>平均难度：{$two.pjnandu}P</span>
    <span>平均算力：{$two.pjsuanli}GH/s</span>
    <span>挖到区块的平均周期：{$two.pjzhouqi}秒</span>
</div>
<div style="height: 50px;width: 100%;"></div>
<div class="three" id="suanli"></div>
<div class="three" id="number"></div>
<div class="three" id="price"></div>
<div style="height: 50px;width: 100%;clear: both"></div>
<div style="width: 90%;height: auto;margin-left: 5%">
    <table class="table table-hover table-bordered">
        <thead>
            <tr>
                <th>矿机</th>
                <th>24小时平均算力(MH)</th>
                <th>当前算力(MH)</th>
                <th>有效份额(20分钟)</th>
                <th>无效份额(20分钟)</th>
                <th>最后更新</th>
            </tr>
        </thead>
        <tbody>
        {volist name='tables' id='t'}
        <tr>
            <td>{$t['kj']}</td>
            <td>{$t['pjsuanli']}</td>
            <td>{$t['suanli']}</td>
            <td>{$t['you']}</td>
            <td>{$t['wu']}</td>
            <td>{$t['last']}</td>
        </tr>
        {/volist}
        </tbody>
    </table>
</div>
<div style="height: 50px;width: 100%;clear: both"></div>
<script src="static/js/echarts/echarts.min.js"></script>
<script src="static/js/ajax/dashboard.js"></script>
<script>
</script>